<template>
    <fieldset>
        <legend>home2</legend>
        <Modal :visible="isShow" @on-ok="handleOK" @on-candel="handelCancel">
            <template v-slot:title>
                <h2>🐱‍🏍退钱！！</h2>
            </template>
            <template v-slot:body>
                <h3>确定要退钱吗？✨</h3>
            </template>
        </Modal>
        <button @click="handleShow">点击退钱</button>
    </fieldset>
</template>
<script>
    // 优点 复用代码 编写简洁

    // 缺点 太过简洁 可读性差
    import Modal from "../Modal"
    import modalMix from "../../mixins/modal"
    export default{
        mixins:[modalMix],
        components: {
            Modal
        }
    }
</script>